:root {
  --el-color-primary: #615da4 !important;
  --el-color-primary-light-3: #6c68b8 !important;
  --el-color-primary-light-5: #7873cc !important;
  --el-color-primary-light-7: #827ddd !important;
  --el-color-primary-light-8: #8c86ee !important;
  --el-color-primary-light-9: #9690ff !important;
}

html {
  font-family: "微軟正黑體", Consolas, "Courier New", monospace;
}

body {
  position: relative;
  width: 100vw;
  height: 100vh;
}

body::after {
  z-index: -1;
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: url("@/assets/images/body-bg.png");
  opacity: 0.5;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.translate-half {
  transform: translate(-50%, -50%);
}

.-translate-x-half {
  transform: translateX(-50%);
}

.-translate-y-half {
  transform: translateY(-50%);
}

.translate-x-half {
  transform: translateX(50%);
}

.translate-y-half {
  transform: translateY(50%);
}
